Ext.define('HRMobile.view.LeaveRequestListForm', {
	extend : 'Ext.Container',
	controllers : [ 'LeaveController' ],
	config : {
		height : '100%',
		items : [ {
			xtype : 'titlebar',
			title : 'Leave Approvals',
			docked : 'top'
		}, {
			xclass : 'HRMobile.view.LeaveRequestList',
			id : 'leaverequestlist'
		}, {
			xclass : 'HRMobile.view.LeaveRequestDetails',
			id : 'leaverequestdetails'
		} ]
	}

});
Ext.define('HRMobile.view.LeaveRequestList', {
	extend : 'Ext.dataview.List',
	config : {
		store : 'LeaveRequestStore',
		plugins : [ {
			xclass : 'Ext.plugin.PullRefresh',
		} ],
		height : '100%',
		itemTpl : '<div style="font-size:.8em"><b>{empFullName}</b></div>'
				+ '<div style="font-size:.8em">{leaveType}</div>',
		onItemDisclosure : true,
	},
});
Ext.define('HRMobile.view.LeaveRequestDetails', {
	extend : 'Ext.form.Panel',
	config : {
		modal : true,
		centered : true,
		hideOnMaskTap : true,
		hidden : true,
		width : Ext.os.is.Phone?320:600,
		height : Ext.os.is.Phone?320:580,
		hideAnimation : {
			type : 'popOut',
			duration : 250,
			easing : 'ease-out'
		},
		styleHtmlContent : true,
		defaults : {
			xtype : 'fieldset',
			defaults : {
				xtype : 'textfield',
				readOnly : true,
				labelWidth: '35%',
				labelWrap: true
			}
		},
		items : [ {
			xtype : 'toolbar',
			docked : 'top',
			items : [ {
				xtype : 'spacer'
			}, {
				xtype : 'button',
				text : 'Done',
				handler : function() {
					Ext.getCmp('leaverequestdetails').hide();
				}
			}, ],
		}, {
			title : 'Leave Request Details',
			items : [ {
				label : 'Employee Name:',
				name : 'empFullName',
			}, {
				label : 'Leave Type:',
				name : 'leaveType',
			}, {
				label : 'Leave From:',
				name : 'firstLeave',
			}, {
				label : 'Leave To:',
				name : 'lastLeave',
			}, {
				label : 'Employee Comment:',
				name : 'empComment',
				xtype : 'textareafield',
				maxRows : 3,
			} ]
		}, {
			title : 'Action',
			items : [ {
				label : 'Your Comment:',
				readOnly : false,
				xtype : 'textareafield',
				id : 'txtAreaComment',
				maxRows : 3,
			}, {
				xtype : 'container',
				layout : {
					type : 'hbox',
					align : 'middle'
				},
				defaults : {
					xtype : 'button',
					flex : 1,
					margin : Ext.os.is.Phone?5:10
				},
				items : [ {
					text : 'Approve',
					id : 'btnApprove',
					ui : 'confirm',
				}, {
					text : 'Reject',
					id : 'btnReject',
					ui : 'decline'
				}, {
					text : 'Later',
					ui : 'neutral',
					handler : function() {
						Ext.getCmp('leaverequestdetails').hide();
					}
				} ]

			} ]
		} ]
	}
});